@import url(./common.css);
html,body{
    min-width:320px;
    width: 15rem;
    margin: 0 auto;
    height: 100%;
    overflow: auto;
  
}
html::-webkit-scrollbar,
body::-webkit-scrollbar{
    display: none;
}
ul li{
    list-style: none;
}
*{
    margin: 0;
    padding: 0;
}


// 清除浮动
.clearfix{
    content: '';
    display: block;
    clear: both;
}

.container{
    width: 15rem;
    // height: inherit;
    position: relative;
    background-color: #00458e;
    
    // 先发优势背景图
    .nav-bg1{
        width: 15rem;
        height: 12.5625rem;
        background: url(../img/核心优势_02.png) no-repeat ;
        background-size: 100%;  
    }
    // 四位一体
    .nav-bg2{
        width: 15rem;
        height:4.6875rem;
        .bg{
            width: 15rem;
            height: 2.015625rem;
            background: url(../img/核心优势_2.png) no-repeat 0 0/100% 100%;
        }
        p{
            width: 13.59375rem;
            margin: 0 auto;
            font-size: .421875rem;
            color: #c8e3f8;
            text-align: left;
            margin-top: .585937rem;
        }
    }
    // 原料产品盈利
    .nav-bg3{
        width: 100%;
        .bg{
            width: 10.640625rem;
            height: 10.664062rem;
            background: url(../img/核心优势_3.png) no-repeat 0 0/100% 100%;
            margin: 0 auto;
        }
        .items{
            margin: 0 auto;
            width: 13.59375rem;
            height: 10.78125rem;
            display: flex;
            flex-direction: column;
            .item{
                flex: 1;
                position: relative;
                h1{
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 1.40625rem;
                    font-size: .585937rem;
                    color: yellow;
                    margin: 0;
                    z-index: 1;
                    font-weight: lighter;
                }
                .line{
                    width:13.59375rem;
                    height: .234375rem;
                    border-top: .023437rem solid #2970b6;
                    position: absolute;
                    top: .398437rem;
                    left: 0;

                }
                p{
                    position: absolute;
                    top: 1.40625rem;
                    left: 0;
                    font-size: .46875rem;
                    color: #c8e3f8;
                  
                }
            }
        }
    }
    // 开发平台
    .dev{
        width: 15rem;
        .dev-bg{
            width: 15rem;
            height: 3.117187rem;
            background: url(../img/核心优势_4.png) no-repeat 0 0/100% 100%;
        }
        .dev-item{
            width: 15rem;
            height: 5.25rem;
            img{
                float: left;
                width: 3.585937rem;
                margin: .9375rem;
            }
            .dev-content{
                float: left;
                width: 7.921875rem;
                display: flex;
                flex-direction: column;
                margin-top: .46875rem;
                h1{
                    flex: 1;
                    color: #fff;
                    font-size: .585937rem;
                }
                p{
                    flex: 2;
                    height: 110px;
                    font-size: .46875rem;
                    color: #b1b1b1;
                }
            }
        }
    }
    // 五大核心技术
    .tec{
        width: 15rem;
        .tec-bg{
            width: 15rem;
            height: 2.367187rem;
            background: url(../img/五大核心技术1.png) no-repeat 0 0/100% 100%;
        }
        .tec-a{
            width: 11.835937rem;
            margin: 0 auto;
            text-align: center;
            font-size: .46875rem;//20px
            margin-top: .9375rem;
            .tec-a-title{
                h1{
                    color: #fff;
                    font-weight: bolder;
                    font-size: .46875rem;
                }
                span{
                    color: #fff;
                    font-weight: lighter;
                }
            }
            .tec-a-content{
                width: 11.835937rem;
                font-size: .46875rem;
                color: #fff;
                text-align: center;
                margin-top: .9375rem;
                font-weight: lighter;
                .one{
                    margin: 0 auto;
                    width: 11.835937rem;
                    height: 1.21875rem;
                    display: flex;
                    li{
                        flex: 1;
                        line-height: 1.21875rem;
                        background-color: #1e5da1;
                    }
                    li:nth-of-type(2){
                        margin: 0 .117187rem;
                    }
                }
                .two{
                    margin: .117187rem auto;
                    width: 7.734375rem;
                    height: 1.21875rem;
                    display: flex;
                    li{
                        flex: 1;
                        line-height: 1.21875rem;
                        background-color: #1e5da1;
                    }
                    li:first-of-type{
                        margin-right :.117187rem;
                    }
                }
            }
        }
        .tec-b{
            width: 7.734375rem;
            margin: 0 auto;
            margin-top: .9375rem;
            margin-bottom: .9375rem;
            text-align: center;
            font-size: .46875rem;
            .tec-b-title{
                h1{
                    color: #fff;
                    font-weight: bolder;
                    font-size: .46875rem;
                }
                span{
                    color: #fff;
                    font-weight: lighter;
                }
            }
            .tec-b-content{
                width: 7.734375rem;
                font-size: .46875rem;
                color: #fff;
                text-align: center;
                margin-top: 0.9375rem;
                font-weight: lighter;
                .three{
                    width: 7.734375rem;
                    height: 1.21875rem;
                    display: flex;
                    li{
                       flex: 1;
                        line-height:1.21875rem;
                        background-color: #1e5da1;
                        margin: .058594rem;
                    }
                }
                .four{
                    width: 7.734375rem;
                    display: flex;
                    li{
                       flex: 1;
                       line-height: 1.21875rem;
                       background-color: #1e5da1;
                       margin: .058594rem;
                    }
                }
            }
        }
    }
    // 底部
    .foot{
        position: unset;
        background-color: #f2f2f2;
        .test{
            margin: .234375rem auto;
            color: #b1b1b1;
        }
    }
}